.index-container {
  max-width: 640px;
  margin: 0 auto;
}
.index-container .zl-index-header {
  height: .32rem;
  padding: .08rem;
  background-color: white;
}
.index-container .zl-index-header div {
  float: left;
  height: .32rem;
}
.index-container .zl-index-header div img {
  height: 100%;
  max-width: 2.52rem;
}
.index-container .zl-index-header a {
  float: right;
  font-size: .14rem;
  line-height: .32rem;
}
.index-container .zl-index-header a img {
  width: .12rem;
  height: .17rem;
  vertical-align: text-top;
  margin-right: .03rem;
}
.index-container .zl-search {
  display: flex;
  padding: .08rem;
  background-color: #d4d6d9;
}
.index-container .zl-search input {
  flex: 1;
  margin-right: .055rem;
  border: 1px solid #d4d4d4;
  border-radius: .03rem;
  height: .34rem;
  outline: 0;
  background-color: #f5f5f5;
  text-indent: .01rem;
}
.index-container .zl-search .search {
  width: .47rem;
  height: .34rem;
  line-height: .34rem;
  text-align: center;
  background-color: white;
  border-radius: .03rem;
  cursor: pointer;
  border: 0;
  font-size: .14rem;
  color: #333;
}
.index-container .index-slide {
  height: auto;
  position: relative;
}
.index-container .index-slide div a {
  display: inline-block;
  width: 100%;
  height: 3rem;
  cursor: pointer;
}
.index-container .index-slide div a img {
  width: 100%;
  height: 100%;
}
.index-container .index-title-list {
  background-color: white;
}
.index-container .index-title-list .title-list {
  display: flex;
}
.index-container .index-title-list .title-list a {
  display: block;
  flex: 1;
}
.index-container .index-title-list .title-list a li img {
  width: 100%;
  height: 100%;
}
.index-container .index-lower-price {
  background: url(../img/index/index-lowerprice1.jpg) no-repeat 0 0;
  background-size: 100%;
  height: 3.78rem;
  padding: .16rem;
}
.index-container .index-lower-price .lower-product-left {
  float: left;
  width: 3.04rem;
  height: 3.78rem;
  border-right: 1px solid #f1f1f1;
  box-sizing: border-box;
}
.index-container .index-lower-price .lower-product-left a {
  display: block;
  height: 100%;
}
.index-container .index-lower-price .lower-product-left a img {
  width: 100%;
  height: 100%;
}
.index-container .index-lower-price .lower-price-right {
  float: right;
  width: 3.04rem;
  height: 3.78rem;
  box-sizing: border-box;
}
.index-container .index-lower-price .lower-price-right > a {
  display: block;
  width: 100%;
  height: 1.89rem;
  border-bottom: 1px solid #f1f1f1;
}
.index-container .index-lower-price .lower-price-right > a img {
  width: 100%;
  height: 100%;
}
.index-container .index-lower-price .lower-price-right div {
  width: 100%;
  display: flex;
}
.index-container .index-lower-price .lower-price-right div a {
  display: block;
  flex: 1;
  height: 1.88rem;
  width: 1.52rem;
  border-right: 1px solid #f1f1f1;
}
.index-container .index-lower-price .lower-price-right div a img {
  width: 100%;
  height: 100%;
}
.index-container .index-headline {
  background-color: white;
}
.index-container .index-headline .headline {
  position: relative;
  height: .75rem;
  line-height: .75rem;
}
.index-container .index-headline .headline .headline-logo {
  position: absolute;
  width: 1.56rem;
  top: .22rem;
  left: .2rem;
}
.index-container .index-headline .headline .headline-infomation {
  height: .75rem;
  line-height: .75rem;
  padding: 0 .3rem 0 1.9rem;
  color: #333;
  font-size: .14rem;
}
.index-container .index-headline .headline .headline-infomation ul {
  height: 100%;
}
.index-container .index-headline .headline .headline-infomation ul li {
  height: 100%;
}
.index-container .index-headline .headline .go {
  position: absolute;
  top: .28rem;
  right: .2rem;
  width: .13rem;
  height: .22rem;
}
.index-container .index-headline a {
  display: inline-block;
  width: 100%;
}
.index-container .index-headline a img {
  width: 100%;
}
.index-container .index-delicate > a {
  display: block;
  height: .68rem;
  width: 100%;
}
.index-container .index-delicate > a img {
  width: 100%;
  height: 100%;
}
.index-container .index-delicate .delicate-list {
  display: flex;
  flex-flow: wrap;
}
.index-container .index-delicate .delicate-list a {
  display: block;
}
.index-container .index-delicate .delicate-list a li {
  width: 2.13rem;
  height: 2.13rem;
}
.index-container .index-delicate .delicate-list a li img {
  width: 100%;
  height: 100%;
}
.index-container .index-fresh {
  background-color: white;
}
.index-container .index-fresh > a {
  background-color: white;
  display: inline-block;
  height: .68rem;
  width: 100%;
}
.index-container .index-fresh > a img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.index-container .index-fresh .fresh-list a {
  display: block;
}
.index-container .index-fresh .fresh-list a li {
  position: relative;
  margin-top: .05rem;
}
.index-container .index-fresh .fresh-list a li img {
  width: 100%;
  vertical-align: middle;
}
.index-container .index-fresh .fresh-list a li .fresh-list-information {
  position: absolute;
  width: 2.9rem;
  height: 1.25rem;
  border: .06rem solid white;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  top: .22rem;
  right: .18rem;
}
.index-container .index-fresh .fresh-list a li .fresh-list-information h2 {
  font-size: .16rem;
  margin-top: .2rem;
}
.index-container .index-fresh .fresh-list a li .fresh-list-information P {
  font-size: .1rem;
  margin-top: .1rem;
}
.index-container .index-fresh .fresh-list a li .fresh-list-information P em {
  font-size: .16rem;
  color: #f23030;
  font-style: normal;
}
.index-container .index-aside .index-nav {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  background-color: white;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #f1f1f1;
}
.index-container .index-aside .index-nav ul {
  width: 17.6rem;
  background-color: white;
  font-size: 0;
}
.index-container .index-aside .index-nav ul li {
  display: inline-block;
  width: 1.6rem;
  height: .68rem;
  line-height: .68rem;
  text-align: center;
}
.index-container .index-aside .index-nav ul li a {
  display: inline-block;
  color: #333;
  font-size: .14rem;
}
.index-container .index-aside .index-vegetable .vegetable-list {
  width: 100%;
  font-size: 0;
}
.pays {
  width: .4rem;
  height: .4rem;
  line-height: .4rem;
  overflow: hidden;
  border-radius: .2rem;
  display: inline-block;
  position: fixed;
  z-index: 999;
  bottom: .78rem;
  left: .08rem;
  background-color: rgba(151, 197, 49, 0.8);
}
.pays a {
  display: inline-block;
  width: .4rem;
  height: .4rem;
  border-radius: .2rem;
  background: url(../img/index/pays.png) no-repeat 0.1rem 0.1rem;
  background-size: .21rem .21rem;
}
.pay-for {
  display: none;
  width: 1.7rem;
  height: 1.7rem;
  background: url(../img/index/payfor-back.png) no-repeat;
  background-size: 1.7rem 1.7rem;
  position: relative;
  position: fixed;
  z-index: 999;
  bottom: 80px;
  left: 30px;
}
.pay-for a {
  width: .2rem;
  height: .2rem;
  position: absolute;
  z-index: 9999;
  background: url("../img/index/icon.png") no-repeat;
}
.pay-for .pay-for1 {
  left: .44rem;
  top: .32rem;
  background-position: 0 -2.87rem;
  background-size: .6rem 7rem;
}
.pay-for .pay-for1:hover {
  background-position: 0 -4.23rem;
}
.pay-for .pay-for2 {
  left: 1.07rem;
  top: .31rem;
  background-position: 0 -3.08rem;
  background-size: .6rem 7rem;
}
.pay-for .pay-for2:hover {
  background-position: 0 -4.45rem;
}
.pay-for .pay-for3 {
  left: .24rem;
  top: .9rem;
  background-position: 0 -3.31rem;
  background-size: .6rem 7rem;
}
.pay-for .pay-for3:hover {
  background-position: 0 -4.67rem;
}
.pay-for .pay-for4 {
  width: .25rem;
  left: 1.22rem;
  top: .91rem;
  background-position: 0 -3.53rem;
  background-size: .6rem 7rem;
}
.pay-for .pay-for4:hover {
  background-position: 0 -4.89rem;
}
.pay-for .pay-for5 {
  left: .78rem;
  top: 1.25rem;
  background-position: 0 -3.76rem;
  background-size: .6rem 7rem;
}
.pay-for .pay-for5:hover {
  background-position: 0 -5.11rem;
}
.pay-for .pay-for6 {
  width: .24rem;
  height: .23rem;
  left: .73rem;
  top: .73rem;
  background-position: 0 -3.98rem;
  background-size: .6rem 7rem;
}
.pay-for .pay-for6:hover {
  background-position: 0 -5.33rem;
}
